<template>
  <el-table
    :show-header="showHeader"
    :data="tableData"
    stripe
  >
    <el-table-column
      v-for="col in columnHeaders" :key="col.prop" :prop="col.prop" :label="col.label"
    >
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  name: 'PurchasedItemsTable',
  props: {
    tableData: {
      required: true
    },
    columnHeaders: {
      required: true
    },
    showHeader: {
      required: false,
      type: Boolean,
      default: true
    }
  }
}
</script>

<style scoped>

</style>
